<template>
	<view>
		<!-- 图片展示 ok -->
		<s-image-block v-if="type === 'imageBlock'" :data="data" :styles="styles" />

		<!-- 图片banner 图片轮播 ok .... -->
		<s-image-banner v-if="type === 'imageBanner'" :data="data" :styles="styles" />

		<!-- 视频广告 ok .... -->
		<s-video-block v-if="type === 'videoPlayer'" :data="data" :styles="styles" />

		<!-- 图片广告魔方 ok ....  -->
		<s-image-cube v-if="type === 'imageCube'" :data="data" :styles="styles" />

		<!-- 平台 -通知 ok -->
		<s-notice-block v-if="type === 'noticeBlock'" :data="data" />

		<!-- 搜索 ok -->
		<s-search-block v-if="type === 'searchBlock'" :data="data" :navbar="false" />

		<!-- 标题 介绍  ok -->
		<s-title-block v-if="type === 'titleBlock'" :data="data" :styles="styles" />

		<!-- 辅助线 ok ... -->
		<s-line-block v-if="type === 'lineBlock'" :data="data" :styles="styles" />

		<!-- menuButton  中间菜单  图文导航 ok ..-->
		<s-menu-button v-if="type === 'menuButton'" :data="data" :styles="styles" />

		<!-- 列表导航 ok .. -->
		<s-menu-list v-if="type === 'menuList'" :data="data" />

		<!-- 9宫格 ok -->
		<s-menu-grid v-if="type === 'menuGrid'" :data="data" :styles="styles" />

		<!-- 会员卡片 -->
		<s-user-card v-if="type === 'userCard'" />

		<!-- 资产卡片 ok  -->
		<s-wallet-card v-if="type === 'walletCard'" />

		<!-- 订单卡片 重新设计 ok  -->
		<s-order-card v-if="type === 'userorder'" :data="data" />

		<!-- 卡券卡片 重新设计 ok   -->
		<s-coupon-card v-if="type === 'couponCard'" :list="data.list" :styles="styles" />

		<!-- 商品卡片 ok -->
		<s-goods-card v-if="type === 'goodsCard'" :data="data" :styles="styles" />

		<!-- 积分商城.. -->
		<s-score-block v-if="type === 'scoreGoods'" :data="data" :styles="styles" />

		<!-- 商品栏目  ok -->
		<s-goods-shelves v-if="type === 'goodsShelves'" :data="data" :styles="styles" />

		<!-- coupon 礼券  -->
		<s-coupon-block v-if="type === 'coupon'" :data="data" :styles="styles"></s-coupon-block>

		<!-- <s-live-block v-if="type === 'mplive'" :data="data" :styles="styles"></s-live-block> -->
		<!-- 秒杀 -->
		<s-seckill-block v-if="type === 'seckill'" :data="data" :styles="styles"></s-seckill-block>
		<!-- 拼团 -->
		<s-groupon-block v-if="type === 'groupon'" :data="data" :styles="styles"></s-groupon-block>
		<s-richtext-block
			v-if="type === 'richtext'"
			:data="data"
			:styles="styles"
		></s-richtext-block>

		<!-- 热门图片 广告 ok -->
		<s-hotzone-block v-if="type === 'hotzone'" :data="data" :styles="styles"></s-hotzone-block>
	</view>
</template>

<script setup>
	/**
	 * 装修组件 - 组件集
	 */
	const props = defineProps({
		type: {
			type: String,
			default: '',
		},
		data: {
			type: Object,
			default() {},
		},
		styles: {
			type: Object,
			default() {},
		},
	});

	function onSearch() {}
</script>

<style lang="scss"></style>
